<html>
<head>
<title>Vamos a la cancha! - B&uacute;squeda</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="mainApp" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<link href="https://developers.google.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<r:require modules="jquery-ui, buscarViaje"/>
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
</head>

<body>
	<div class="row-fuild">
		<div class="span12">
		
		<div id="errors"></div>
		
		<g:form id="formBusquedaViaje" name="formBusquedaViaje" controller="buscarViaje" action="buscarViaje">
			<div class="well well-small">
				<fieldset>
					<div class="control-group">
						<label class="control-label">Seleccion&aacute; un equipo&nbsp;</label>
						<div class="controls">
							<g:render template="/templates/equiposSeleccionables" model="['equipos':equipos]"></g:render>
						</div>
					</div>
								
					<div class="control-group" id="eventosDeportivos">
						<label class="control-label" for="evento">Evento deportivo</label>
						<div class="controls">
							<g:render template="/templates/seleccionEventoDeportivo" model="[eventos:eventos, 'eventoId':viajeInstance?.evento?.id]"></g:render>
						</div>
					</div>
					<div class="control-group" id="controlGroupOrigen">
						<label class="control-label" for="origen">Origen:</label>
						<div class="controls">
							<div class="input-prepend">
								<span class="add-on"><i class="icon-map-marker"></i></span>
								<g:textField name="origen" id="origen" type="text" class="span5"
									maxLength="60" placeholder="Dirección de partida" value="${params?.origen}" />
							<g:hiddenField name="locationOrigen" id="locationOrigen" type="text" data-geoOrigen="location" />
							</div>
						</div>
					</div>
						<div class="row-fluid">
							<div class="control-group span6" id="controlGroupFecha">
								<label class="control-label" for="fechaSalida">Fecha salida:</label>
								<div class="controls">
									<div class="input-prepend span12">
									 	<span class="add-on"><i class="icon-calendar"></i></span>
										<input  name="fechaSalida" id="fechaSalida" class="span11" type="text" value="${params.fechaSalida?.format('dd/MM/yyyy')}"/>
										<input  name="fechaSalidaHidden" id="fechaSalidaHidden" type="hidden" value="${params.fechaSalida?.format('dd/MM/yyyy')}"/>
									</div>
								</div>
							</div>
							<div class="span3">
								<label class="control-label" for="horaSalida">Hora:</label>
								<g:select name="horaSalida" from="${1..24}" class="span12" value="${params?.horaSalida}" id="horaSalida"/>
							</div>
							<div class="span3">
								<label class="control-label" for="minutoSalida">Minuto:</label>
								<g:select name="minutoSalida" from="${0..59}" class="span12" value="${params?.minutoSalida}" id="minutoSalida"/>
							</div>
						</div>
						<div class="form-actions">
							<button class="btn btn-primary btn-large span3" id="btnBuscarViaje" name="btnBuscarViaje" value="Buscar" >Buscar</button>
						</div>
					</fieldset>
				</div>
			</g:form>

			<g:render template="/templates/viajesBuscados" model="['viajesBuscados':viajesBuscados]"></g:render>

		</div>		

	</div>
</body>
</html>